<!--
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
-->

<div class="task-content">

<form #f="ngForm"
      (ngSubmit)="onSubmit(f)">

<span>General</span>

<table class="task-input-table">
    <tr>
        <td class="task-input-table-label-column">
        Database name:
        </td>
        <td class="task-input-table-content-column">
            <input name="databaseName" type="text" id="databaseNameInput" class="task-text-input"
                   ngModel required [disabled]="formSubmitted" #databaseName="ngModel" />
        </td>
    </tr>

   <!--
    <tr>
        <td class="task-input-table-label-column">
        Owner:
        </td>
        <td class="task-input-table-content-column">

            <table style="width:100%">
                <tr>
                <td style="width:100%">
                    <input name="databaseOwner" type="text" id="databaseOwnerInput" class="task-text-input"
                           ngModel required #databaseOwner="ngModel"  />
                </td>
                <td style="width:auto; padding-left: 5px;">
                    <button (click)="onSelectOwner()">...</button>
                </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <label><input id="full-text-index" type="checkbox" /><span>Use full-text indexing</span></label>
        </td>
    </tr>
    -->

</table>

<span>{{databaseFilesLabel}}</span>
<table class="task-input-table">
    <tr>
        <td>
            <p-dataTable [value]="databaseFiles" [tableStyle]="{'overflow': 'auto'}" [emptyMessage]="noRecordsFoundLabel">
                <p-column header="Logical Name" field="logicalName" ></p-column>
                <p-column header="File Type" field="fileType"></p-column>
                <p-column header="File Group" field="filegroup"></p-column>
                <p-column header="Initial Size" field="initialSize"></p-column>
                <p-column header="Autogrow" field="autogrow"></p-column>
                <p-column header="Path" field="path"></p-column>
            </p-dataTable>
        </td>
    </tr>
    <!--
    <tr>
        <td class="task-button-bar" style="padding-top: 5px">
            <button>Add</button>
            <button>Remove</button>
        </td>
    </tr>
    -->
</table>

<!--
<span>Options</span>
<table class="task-input-table">
    <tr>
        <td class="task-input-table-label-column">
            Collation:
        </td>
        <td class="task-input-table-content-column">
            <select>
                <option>default</option>
            </select>
        </td>
    </tr>
    <tr>
        <td class="task-input-table-label-column">
            Recovery model:
        </td>
        <td class="task-input-table-content-column">
            <select>
                <option>Full</option>
            </select>
        </td>
    </tr>
    <tr>
        <td class="task-input-table-label-column">
            Compatability level:
        </td>
        <td class="task-input-table-content-column">
            <select>
                <option>SQL Server vNext (140)</option>
            </select>
        </td>
    </tr>
    <tr>
        <td class="task-input-table-label-column">
            Containment type:
        </td>
        <td class="task-input-table-content-column">
            <select>
                <option>None</option>
            </select>
        </td>
    </tr>
</table>
-->

<div class="task-button-bar">
    <button type="submit" id="ok-button" [disabled]="formSubmitted">OK</button>
</div>

</form>

</div>

